<template>
  <button>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
      <path fill="none" d="M0 0h24v24H0z"></path>
      <path fill="currentColor" d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7zm-2 0v-7a6 6 0 1 0-12 0v7h12zm-9 4h6v2H9v-2z">
      </path>
    </svg>
  </button>

</template>

<script setup>

</script>

<style scoped>
button {
  background: none;
  border: none;
  padding: 15px 15px;
  border-radius: 10px;
  cursor: pointer;
}

button:hover {
  background: rgba(255, 255, 255, 0.062);
  transition: 0.5s;
}

button svg {
  color: #fff;
}

</style>